﻿<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>日本直邮</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="css/sm.css">
    <link rel="stylesheet" href="css/sm-extend.css">
    <link rel="stylesheet" href="css/wjystyle.css">
    <script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/sm.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/sm-extend.js" charset="utf-8"></script>
    <style>
    .bara{
        position: fixed;
        top:0px;
        width:100%;
    }
    </style>
</head>
<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
    <div class="page-group">
        <!-- 单个page ,第一个.page默认被展示-->
        <div class="page">
            <!-- 标题栏开始 -->
            <header class="bar bar-nav bara">
               
                <h1 class="title">结算中心</h1>
 	        	<a class="icon icon-left pull-left" href="javascript:history.go(-1)"></a>
            </header>
            <!-- 标题栏结束 -->
            <!-- 这里是页面内容区开始 -->
            <div class="content accounting-center">
              <div class="conten1">
                  <div class="top">
                   <div>收货人：<span>李小龙</span><span>178222335455</span></div>
                   <div>收货地址：<span>安徽省滁州市琅琊区区锦绣大道128号</span></div>
                   <div>(收货不便时，可已选择免费代收货物)</div>
                  </div>
                  <img src="image/xinfen.png" class="img1"/>
               </div>
                <div class="shangpin">
                    <div class="dianjia">
                        <div  class="dianming">日本直邮店</div>
                        <div class="xiangqing clearfix">
                            <img src="image/modo.jpg" class="fl"/>
                            <div class="xinxi fl">
                                <a>[急速免税]日本资深堂六角眉笔</a><br />
                                <span>#02-深咖 1.2g</span><br />
                                <div class="clearfix">
                                        <span class="fl">￥22</span><span class="fr">x 1</span>
                                </div>     
                            </div>
                        </div>
                        <div class="xiangqing clearfix">
                                <img src="image/modo.jpg" class="fl"/>
                                <div class="xinxi fl">
                                    <a>[急速免税]日本资深堂六角眉笔</a><br />
                                    <span>#02-深咖 1.2g</span><br />
                                    <div class="clearfix">
                                            <span class="fl">￥22</span><span class="fr">x 1</span>
                                    </div>
                                   
                                </div>
                            </div>
                        <div class="clearfix"><span class="fl">运费</span><span class="fr">快递免邮</span></div>
                        <div class="clearfix"><span class="fl">优惠</span><span class="fr">减免：￥22</span></div>
                        <div class="clearfix"><span class="fl">小计</span><span class="fr">￥499</span></div>
                    </div>
                </div>
                <!--底部开始-->
                 <div class="foot">
                     <div class="foot1 clearfix">
                        <span class="fl">合计：</span>
                         <span class="fl">￥527.9</span>
                         <input type="button" value="提交订单" class="fr" />
                      </div>
                 </div>
                 <!--底部结束-->
            </div>
        <!-- 这里是页面内容区结束 -->
        </div>
 </div>
</html>